<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title></title>
        <link
            href="https://cdn.staticfile.org/antd/3.26.9/antd.css"
            rel="stylesheet"
        />
    </head>

    <body>
        <div ng-app="kit.basic" ng-controller="mainCtrl">
            <div class="container" style="padding: 50px">
                <es-cascader options="{{options}}"></es-cascader>
            </div>
        </div>
        <script src="https://cdn.staticfile.org/angular.js/1.2.28/angular.min.js"></script>
        <script>
            angular
                .module("kit.basic", [])
                .controller("mainCtrl", function ($scope) {
                    $scope.options = [
                        {
                            value: "zhejiang",
                            label: "Zhejiang",
                            children: [
                                {
                                    value: "a",
                                    label: "A",
                                    children: [
                                        {
                                            value: "a1",
                                            label: "A1",
                                        },
                                        {
                                            value: "a2",
                                            label: "A2",
                                        },
                                    ],
                                },
                            ],
                        },
                        {
                            value: "jiangsu",
                            label: "Jiangsu",
                        },
                    ];
                });
        </script>
        <script src="../../dist/Essa/Cascader/Cascader.js"></script>
    </body>
</html>
